body {font-family: Arial; font-size: 12px}


.emos {border: 1px solid gray; border-radius: 3px; padding:0px}

.clear{clear:both}

table {border-collapse: collapse; border-color: #EEEEEE}
table td, table th {border-color: #EEEEEE}
table td {padding: 1px}


.side {width: 25%; float:left; padding-right: 5px; border-right:2px ridge lightgray}
.main {overflow-y:auto}

.emos .list {overflow-y:auto}
.emos .editor {}

/* Editor */
form.form {padding:5px; margin: 0px 10px 0px 10px}
form .item {margin-bottom: 10px}

form .item.withoutLabel .control {}
form .item.withLabel label {width: 120px; padding-top: 3px; font-weight: normal;  float: left; color:#666666}
form .item.withLabel .control {margin-left: 140px; display: block}

form .item .error {color:red}

.editor .buttons {margin-left: 140px}

form .item .control input[type='text'],
form .item .control input[type='password'],
form .item .control textarea {width:100%; padding:0px; border:1px solid lightgray; font-family: Arial; font-size: 12px; border-radius: 2px}

form .item .control input[type='password'] {width:100px}

.emosFields .editor .title {text-align: center; font-weight: bold; margin-bottom: 10px; font-size: 120%}

/* Field controls */
.control .separator {padding:2px; text-align: center; background-color: #dddddd; border-radius: 5px; font-weight: bold}

.expandableSet .expandHandler {padding: 2px; margin:3px 0px; background-color: lightgray; border-radius: 5px 5px 0px 0px; text-align:center}
.expandBody {display:none; border:0px solid gray; padding: 0px}
form .item .control .latLng input {width:150px}

form .item .control input.datepicker {width:90px}
form .item .control input.time {width:60px}




/* List */
.list table.items {width:100%}

.list td {vertical-align: top}

.list table.items tr.record {cursor: pointer}
.list table.items tr.record:hover td:not(.oc) {background-color:#fffacd}
.list table.items tr.record.selected td:not(.oc),
.list table.items .empty.selected {background-color: #fbd850}

.list table.items td {border:1px solid #DDDDDD}
.list table.items.noGrid > tbody > tr > td {border-width: 0px}

.list table.items td.oc,
.list table.items td.icon,
.list table.items td.sublevel {border:0px}

.list table.items td.sublevel table.items {Xposition:relative; Xtop:-1px; }

.list table.items td.oc {width: 16px; min-width: 16px; height: 16px; background-repeat:no-repeat; background-position: top center; opacity: 1}
.list table.items td.open {background-image: url(../images/open_branch.png); float: none}
.list table.items td.close {background-image: url(../images/close_branch.png); float: none}

.list td.sublevel {padding: 0 0 0 16px}
.list .empty {color:gray; padding:2px; margin-left: 16px; border: 1px solid #DDDDDD; cursor: pointer}
.list .empty:hover {background-color: #fbd850}

.list .dots {color:gray}

.emos .list img.icon  {display: block}
.emos .breadcrumbs img.icon {vertical-align:bottom}

/* Toolbar */
.toolbar {
    display: block;  overflow: hidden; padding: 4px 2px;
    background-color: #EBEBEB;
    background-image: -moz-linear-gradient(top, #f5f5f5,#cfd1cf);        
    background-image: -webkit-linear-gradient(top,#f5f5f5,#cfd1cf);    
}
.toolbar .group {margin-right:10px; padding:2px; width:auto; height:auto; float: left}
.toolbar .button {
    color:#474747; padding:5px; margin-right:5px; display:block; width:auto; height:auto; float: left; position:relative; box-shadow: 5px 5px 5px rgba(0,0,0,0.2); cursor:pointer; border:0px; text-align:center; border-radius: 3px;
    border: 1px solid #a6a6a6;
    background-color: #f5f5f5; 
    background-image: -moz-linear-gradient(top,#ffffff,#cfd1cf);        
    background-image: -webkit-linear-gradient(top,#ffffff,#cfd1cf);    
}
.toolbar .button:hover {top:1px; left:1px; box-shadow: 2px 2px 5px rgba(0,0,0,0.2)}

.toolbar .button .glyph {width:10px; height:10px; display: inline-block; background-repeat: no-repeat; background-image: url(../images/default_button_glyph.png)}
.toolbar .button.new .glyph {background-image: url(../images/new_item.png)}
.toolbar .button.delete .glyph {background-image: url(../images/delete_item.png)}
.toolbar .button.moveUp .glyph {background-image: url(../images/move_up.png)}
.toolbar .button.moveDown .glyph {background-image: url(../images/move_down.png)}
.toolbar .button.moveTop .glyph {background-image: url(../images/move_top.png)}
.toolbar .button.moveBottom .glyph {background-image: url(../images/move_bottom.png)}
.toolbar .button.closeAllBranches .glyph {background-image: url(../images/close_all_branches.png)}


/* Breadcrumbs */
.breadcrumbs {padding:2px; border-bottom:1px solid gray; border-top:1px solid gray;}
.breadcrumbs .stepSep {}
.breadcrumbs .colSep {color:#777777}
.breadcrumbs .link {display:inline-block; padding:2px; cursor: pointer; border:1px solid #AAAAAA; border-radius: 3px; background-color: #F9F9F9}
.breadcrumbs .link:hover {background-color: #fffacd}

/* Messages */
.messages .message {padding:5px; margin-bottom: 2px; border-radius: 3px; background-color: gold; text-align: center}
.messages .message.error {background-color:#cd0a0a; color:white}
.messages .message .output {text-align: left; white-space: pre-wrap; font-family: monospace}